<template>
    <view class="post-sale">
      <view class="contain">
        <tabs :current="active" :bar-width="80" @change="onChange" :is-scroll="false">
          <tab v-for="(item, index) in servicesStatus" :key="index" :name="item.name">
			<goods-service-list  :status="item.service_status"  :i="index" :index="active"></goods-service-list>
          </tab>
        </tabs>
      </view>
    </view>
</template>

<script>

export default {
  data() {
    return {
      active: 0,
      servicesStatus: [{
        name: '待审核',
        service_status: 1
      }, {
        name: '已审核',
        service_status: 10
      }, {
        name: '已寄出',
        service_status: 40
      }, {
        name: '已完成',
        service_status: 90
      }]	  
    };
  },

  methods: {
    onChange(index) {
		this.active = index
    },
  }
};
</script>
<style lang="scss">

</style>